<!DOCTYPE html> 
<html> 
<head> 
	 <meta charset="UTF-8">
	<title>Restaurant Picker</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquery.mobile.structure-1.0.1.css" />
	<link rel="apple-touch-icon" href="images/launch_icon_57.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/launch_icon_72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/launch_icon_114.png" />
	<link rel="stylesheet" href="jquery.mobile-1.0.1.css" />
	<link rel="stylesheet" href="custom.css" />
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/jquery.mobile-1.0.1.min.js"></script>
</head> 
<body> 
<div id="choisir_ville" data-role="page" data-add-back-btn="true">
	
	<div data-role="header"> 
		<h1> Restaurant Picker</h1>
	</div> 

	<div data-role="content">
	
	<div class="choice_list"> 
	<h1> Where you promote your offers?? </h1>
	
	<ul data-role="listview" data-inset="true" data-filter="true"  >
	<li><a href="choose_restaurant.html"  data-transition="slidedown"> Amiens <span class="ui-li-count" > 3 </span></a> </li>
	<li><a href="choose_restaurant.html"  data-transition="slidedown"> Bastia <span class="ui-li-count" > 2 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">  Belfort <span class="ui-li-count" > 5 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown"> Bordeaux <span class="ui-li-count" > 1</span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Carcassonne <span class="ui-li-count" > 2</span></a> </li>	
	<li><a href="choose_restaurant.html" data-transition="slidedown">Dijon<span class="ui-li-count" > 2</span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Epinal <span class="ui-li-count" > 10 </span></a> </li>	
	<li><a href="choose_restaurant.html" data-transition="slidedown">Grenoble <span class="ui-li-count" > 8 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Laval <span class="ui-li-count" > 1 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Le Havre <span class="ui-li-count" > 3 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Lille <span class="ui-li-count" > 2 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Le Mans <span class="ui-li-count" > 4 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Lyon <span class="ui-li-count" > 6 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Marseille <span class="ui-li-count" > 2 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Mulhouse <span class="ui-li-count" > 1 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Nancy <span class="ui-li-count" > 5 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Nice <span class="ui-li-count" > 1 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Paris <span class="ui-li-count" > 3 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Rennes <span class="ui-li-count" > 8 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Rouen <span class="ui-li-count" > 5 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Strasbourg <span class="ui-li-count" > 3 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Toulon <span class="ui-li-count" > 5 </span></a> </li>
	<li><a href="choose_restaurant.html" data-transition="slidedown">Toulouse <span class="ui-li-count" > 2 </span></a> </li>
	</ul>
	</div>
	
	</div>

</div><!-- /page -->
</body>
</html>